<!DOCTYPE html>
<html lang="en" manifest="cache.manifest">
<!-- 在离线状态时，操作 window.applicationCache 进行需求实现 -->
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta name="description" content="Kevin Blog Agile agile JavaScript NodeJS WoT IoT">
  <meta name="author" content="Kevin<505253293@163.com>">
  <title>听歌实验室</title>
  <!-- DNS Prefetch -->
  <meta http-equiv="x-dns-prefetch-control" content="on" />
  <link rel="dns-prefetch" href="http://avatars3.githubusercontent.com" />
  <link rel="dns-prefetch" href="http://fonts.googleapis.com" />
  <link rel="dns-prefetch" href="https://lorempixel.com" />
  <link rel="dns-prefetch" href="http://weibo.com" />
  <link rel="dns-prefetch" href="https://github.com" />

  <link type="image/x-icon" rel="shortcut icon" href="https://avatars3.githubusercontent.com/u/4074517?v=3&s=40" />
  <!-- Bootstrap Core CSS -->
  <link href="lib/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet">
  <!-- Custom CSS -->
  <link href="css/dfn.css" rel="stylesheet">
  <link href="css/landing-page.css" rel="stylesheet">
  <link href="css/carousel.css" rel="stylesheet">
  <!-- Custom Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
  <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>
  <!-- Navigation -->
  <nav class="navbar navbar-default navbar-fixed-top topnav" role="navigation">
    <div class="container topnav">
      <!-- Brand and toggle get grouped for better mobile display -->
      <div class="navbar-header">
        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand topnav" href="/">
          <i class="fa fa-flask icon-3x" aria-hidden="true"></i> 听歌实验室
        </a>
      </div>
      <!-- Collect the nav links, forms, and other content for toggling -->
      <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav navbar-right">
          <li>
            <a href="html/js.html">JavaScript/NodeJS</a>
          </li>
          <li>
            <a href="#agile">敏捷/项目管理(Agile/PMP)</a>
          </li>
          <li>
            <a href="/html/cloud-bi.html">云商业智能(Cloud BI)</a>
          </li>
          <li>
            <a href="/html/iot.html">物联网(WoT/IoT)</a>
          </li>
          <li>
            <a href="/html/me.html">关于我</a>
          </li>
        </ul>
      </div>
      <!-- /.navbar-collapse -->
    </div>
    <!-- /.container -->
  </nav>

  <!-- Header -->
  <a name="top"></a>
  <div class="intro-header">
    <div class="aside aside-first">
      <h2>Hi,I'm Kevin!</h2>
      <div class="box"></div>
    </div>
    <div class="aside aside-second">
      <div class="box"></div>
      <h2>Work hard,play harder!</h2>
    </div>
    <!-- <img src="http://fakeimg.pl/2000x800/0079D8/fff/?text=Hi%2CI'm%20Kevin." alt=""> -->
  </div>
  <!-- /.container -->
  </div>
  <!-- /.intro-header -->

  <!-- Page Content -->
  <a name="js"></a>
  <div class="content-section-a">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 col-sm-6">
          <hr class="section-heading-spacer">
          <div class="clearfix"></div>
          <h2 class="section-heading">JavaScript/NodeJS</h2>
          <p class="lead">
            <a class="dfn-hover" href="html/js.html"><dfn data-info="/html/js.html">JavaScript</dfn></a> 在经历 端的融合、栈的融合阶段。JavaScript 可以做很多事情：从前端到全栈，从桌面到移动、物联网、智能家居，从应用到游戏。然而，其在大数据、高强度计算等等这些考验性能和执行效率的场景并不适用。
          </p>
        </div>
        <div class="col-lg-5 col-lg-offset-2 col-sm-6">
          <img class="img-responsive" src="img/js.png" alt="">
        </div>
      </div>
    </div>
    <!-- /.container -->
  </div>

  <!-- /.content-section-a -->
  <a name="agile"></a>
  <div class="content-section-b">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 col-lg-offset-1 col-sm-push-6  col-sm-6">
          <hr class="section-heading-spacer">
          <div class="clearfix"></div>
          <h2 class="section-heading">敏捷/项目管理(Agile/PMP)</h2>
          <p class="lead">团队协作的核心是<a class="dfn-hover" href="html/agile.html"><dfn data-info="/html/agile.html">项目管理</dfn></a>，其他工具需要配合项目管理平台来选择。</p>
        </div>
        <div class="col-lg-5 col-sm-pull-6  col-sm-6">
          <img class="img-responsive" src="img/certification.png" alt="">
        </div>
      </div>
    </div>
    <!-- /.container -->
  </div>
  <!-- /.content-section-b -->
  <a name="iot"></a>
  <div class="content-section-a">
    <div class="container">
      <div class="row">
        <div class="col-lg-5 col-sm-6">
          <hr class="section-heading-spacer">
          <div class="clearfix"></div>
          <h2 class="section-heading">物联网(WoT/IoT)</h2>
          <p class="lead">
            <a class="dfn-hover" href="html/wot.html"><dfn data-info="/html/wot.html">WoT</dfn></a>，即基于Web技术的 <a class="dfn-hover" href="html/iot.html"><dfn data-info="/html/iot.html">IoT</dfn></a>。它丰富了 IoT
            应用层，实现了
            <a class="dfn-hover" href="html/int-iot.html"><dfn data-info="/html/int-iot.html">传统互联网</dfn></a>的实体化。物联网系统，目前主要分垂直领域的 “无线传感器网/IoT” 和开放的 “Web Service/SOA” 两种架构。它们各有所长、相互补充。</p>
        </div>
        <div class="col-lg-5 col-lg-offset-2 col-sm-6">
          <img class="img-responsive" src="img/board.svg" alt="">
        </div>
      </div>
    </div>
    <!-- /.container -->
  </div>
  <!-- /.content-section-a -->

  <div class="banner">
    <div class="container">
      <div class="row">
        <div class="col-lg-6">
          <h2>听歌实验室</h2>
          <p class="small">编程是完成功能，编程是解决 bug；编程是打磨技能，编程是修炼心性；编程也是艺术，愿您
            <a href="https://github.com/TingGe/develop-tools/">独具匠心。</a>
          </p>
        </div>
        <div class="col-lg-6">
          <ul class="list-inline banner-social-buttons">
            <li>
              <a href="http://weibo.com/1667946592/" class="btn btn-default btn-lg"><i class="fa fa-weibo fa-fw"></i> <span class="network-name">微博</span></a>
            </li>
            <li>
              <a href="https://github.com/tingge/" class="btn btn-default btn-lg"><i class="fa fa-github fa-fw"></i> <span class="network-name">Github</span></a>
            </li>
            <li>
              <img src="/img/ting-wechat.png" alt="听歌微信">
            </li>
          </ul>
        </div>
      </div>
    </div>
    <!-- /.container -->
  </div>
  <!-- /.banner -->

  <!-- Footer -->
  <footer>
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <ul class="list-inline">
            <li>
              <a href="#top">首页</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
              <a href="html/js.html">JavaScript/NodeJS</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
              <a href="#agile">敏捷/项目管理(Agile/PMP)</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
              <a href="html/cloud-bi.html">云商业智能(Cloud BI)</a>
            </li>
            <li class="footer-menu-divider">&sdot;</li>
            <li>
              <a href="html/iot.html">物联网(WoT/IoT)</a>
            </li>
            <li>
              <a href="html/me.html">关于我</a>
            </li>
          </ul>
          <p class="copyright text-muted small">Copyright &copy; <a href="https://github.com/TingGe/">Kevin</a> All Rights Reserved</p>
        </div>
      </div>
    </div>
  </footer>

  <!-- jQuery -->
  <script src="lib/jquery/dist/jquery.min.js"></script>
  <!-- Bootstrap Core JavaScript/NodeJS -->
  <script src="lib/bootstrap/dist/js/bootstrap.min.js"></script>
  <!-- justice.js https://github.com/okor/justice  -->
  <script src="lib/justice.min.js" charset="utf-8"></script>
  <!-- instantclick -->
  <script src="lib/instantclick.js" charset="utf-8"></script>
  <script type="text/javascript" data-no-instant>
    Justice.init();
  </script>
</body>

</html>
